<template>
    <div class="slider-menu">
        <Sider hide-trigger :style="{background: '#fff'}">
            <Menu active-name="1-1" theme="light" width="auto" :open-names="['1']">
                <Submenu name="1">
                    <template slot="title">推荐</template>              
                       <router-link to="/findMusic">
                        <MenuItem name="1-1" icon="ios-musical-notes">                        
                            <Icon type="ios-musical-notes"></Icon>
                                发现音乐
                        </MenuItem>  
                    </router-link>
                     <router-link to="/list">
                        <MenuItem name="1-2">
                            <Icon type="social-youtube"></Icon>
                        音乐列表
                    </MenuItem>         
                    </router-link>            
                </Submenu>               
            </Menu>
        </Sider>
    </div>
</template>
<script>
export default {
  name: 'slider-menu'
}
</script>
<style>
.slider-menu {
    height: 100%;
    width: 200px;
    background: #eee;
    border-right: #666;
    position:fixed;
    top:60px;
    border-right: 1px solid #dedede
}
</style>
